<template>
    <div>
        <label v-if="label != 'default'">{{label}}</label>
        <input :type="type" :value="currentVal">
        <i v-if="icon != 'default'"></i>
    </div>
</template>

<script>
    export default {
        name: "KInput",
        props:{
            type:{
                type:String,
                default:'text'
            },
            label:{
                type:String,
                default:'default'
            },
            icon:{
                type:String,
                default:'default'
            },
            value:{
                type:String,
                default:''
            }
        },
        data () {
            return {
                currentVal:this.value
            }
        }

    }
</script>